html中如何使得改变背景的透明度时，背景上的文字透明度不被改变 |
您所在的位置：网站首页 › 背景色调淡 字体不变 秀米 › html中如何使得改变背景的透明度时，背景上的文字透明度不被改变 |
|
1 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2 "http://www.w3.org/TR/html4/loose.dtd">
3
4
5
6
7 .div1{
8 width: 150px;
9 height: 150px;
10 background-color: #000001;
11 text-align: center;
12 /*透明度*/
13 opacity: 0.5;
14
15 }
16 span{
17 color: red;
18 font-size: 18px;
19 padding-top: 60px;
20 }
21
22
23
24
25 不改变文字的透明度
26
27
28
使用opacity改变背景的透明度时，背景上的文字的透明度也会发生改变。为了使文字的颜色不发生改变，我们使用background-color: rgba(); background-color: rgba(a,b,c,a);三个参数依次为（R G B 透明度）的参数 1 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 2 "http://www.w3.org/TR/html4/loose.dtd"> 3 4 5 6 7 .div1{ 8 width: 150px; 9 height: 150px; 10 text-align: center; 11 background-color: rgba(0,0,1,0.5); 12 13 } 14 span{ 15 color: red; 16 font-size: 18px; 17 padding-top: 60px; 18 } 19 20 21 22 23 不改变文字的透明度 24 25 26
|
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
| CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |